<?php

if (!defined('MOODLE_INTERNAL')) {
	die('Direct access to this script is forbidden.');    ///  It must be included from a Moodle page
}

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
	<head>
		<base target="_top">
		<title></title>
		<script type="text/javascript">
			// If you put this map on another Web site, you must change this API key or nothing will work!
			var google_api_key = '<?php echo get_field("mercurius", "value", "name", "google_api_key");?>';
			document.writeln('<script src="http://maps.google.com/maps?v=2&file=api&key='+google_api_key+'" type="text/javascript"><'+'/'+'script>');
		</script>
		
		<style type="text/css">
			body
{
	color:#555555;
	font-size: 12px;
	font-family: Arial, sans-serif;
	line-height: 16px;
}
			
		</style>
		
	</head>
	<body onload="GV_Map();" onunload="GUnload();">
		<!-- If you want to place the map in a page, you can set its margins here: -->
		<div style="margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px;">
			<div id="gmap_div" style="width:<?php echo $width;?>px; height:<?php echo $height;?>px; margin:0px; margin-right:12px; float:left; overflow:hidden;"></div>
				
			<div id="gv_legend_container" style="display:none;">
				<table id="gv_legend_table" style="position:relative; filter:alpha(opacity=95); -moz-opacity:0.95;" cellpadding="0" cellspacing="0" border="0"><tr><td>
					<div id="gv_legend_handle" align="center" style="height:6px; max-height:6px; z-index:9998; background:#CCCCCC; border-left:1px solid #999999; border-top:1px solid #EEEEEE; border-right:1px solid #999999; padding:0px; cursor:move;"><!-- --></div>
					<div id="gv_legend" align="left" style="font-family:Arial; font-size:11px; line-height:13px; border:solid #000000 1px; background:#FFFFFF; padding:4px;">
						
					</div>
				</td></tr></table>
			</div>

			<div id="gv_tracklist_container" style="display:none;">
				<table id="gv_tracklist_table" style="position:relative; filter:alpha(opacity=95); -moz-opacity:0.95;" cellpadding="0" cellspacing="0" border="0"><tr><td>
					<div id="gv_tracklist_handle" align="center" style="height:6px; max-height:6px; z-index:9998; background:#CCCCCC; border-left:1px solid #999999; border-top:1px solid #EEEEEE; border-right:1px solid #999999; padding:0px; cursor:move;"><!-- --></div>
					<div id="gv_tracklist" align="left" style="font-family:Arial; font-size:11px; line-height:11px; border:solid #000000 1px; background:#FFFFFF; padding:4px;">
						<div id="gv_tracklist_header" style="padding-bottom:2px;"><b>Tracks:</b></div>
						<div id="gv_tracklist_links"></div>
					</div>
				</td></tr></table>
			</div>
			<div id="gv_tracklist_tooltip" class="gv_tracklist_tooltip" style="width:200px; background-color:#FFFFFF; border:1px solid #CCCCCC; padding:2px; font-family:Arial; font-size:11px; display:none;"></div>

			<div id="gv_clear_margins" style="height:0px; clear:both;"><!-- clear the "float" --></div>
		</div>

		
		<?php 
		include($CFG->dirroot . '/mercurius/gmaps/gmap.js');
		?>
		
		<style type="text/css">
			/* Put any custom style definitions here (e.g., .gv_marker_list_item or .gv_tooltip) */
		</style>
	</body>

</html>
